<template>
  <div class="cDeposit-main">
    <!-- 页头 -->
    <div class="cHead">
      <a href="" class="cHead-1">
        <img src="../assets/img/返回箭头.png" alt="" />
      </a>
      <a href="">存款</a>
      <a href="">
        <img src="../assets/img/004耳机-2.png" alt="" />
      </a>
    </div>
    <!-- 存款钱数 -->
    <div class="cSave" id="">
      <p class="cSave1">
        <span>我的定期存款</span>
        <img src="../assets/img/闭眼睛 (1).png" alt="" id="cSave-img" />
      </p>
      <div class="cSave2">
        <p id="cSave-money">{{ balance }}元</p>
        <p>查看详情 &nbsp;</p>
      </div>
    </div>
    <!-- 选项 -->
    <div class="cOption">
      <ul class="cOption-1">
        <li>
          <img src="../assets/img/金币.png" alt="" />
          <p>银利多</p>
        </li>
        <li>
          <img src="../assets/img/钱包.png" alt="" />
          <p>定活互转</p>
        </li>
        <li>
          <img src="../assets/img/金币 (1).png" alt="" />
          <p>双利丰</p>
        </li>
        <li>
          <img src="../assets/img/账单.png" alt="" />
          <p>大额存款</p>
        </li>
        <li>
          <img src="../assets/img/结构.png" alt="" />
          <p>结构性存款</p>
        </li>
        <li>
          <img src="../assets/img/金币 (2).png" alt="" />
          <p>定活两便</p>
        </li>
        <li>
          <img src="../assets/img/身份证.png" alt="" />
          <p>养老储蓄</p>
        </li>
        <li>
          <img src="../assets/img/账单 (1).png" alt="" />
          <p>存单存折</p>
        </li>
      </ul>
    </div>
    <!-- 银利多 -->
    <div class="cSilvery">
      <p class="cSilvery-1">
        <span>银利多</span>
        <span>多币种选择，当日起息</span>
      </p>
      <div class="cSilvery-2">
        <div class="cSilvery-21">
          <div id="cText1">
            <p>2023年"金穗银利多"0064号</p>
            <p>1.90%</p>
            <p>年利率</p>
            <p>立即购买</p>
          </div>
          <div id="cText2">
            <p>2023年"金穗银利多"0064号</p>
            <p>2.40%</p>
            <p>年利率</p>
            <p>立即购买</p>
          </div>
        </div>
      </div>
      <div class="cSilvery-3">
        <p></p>
        <p></p>
      </div>
    </div>
    <!-- 整取整存 -->
    <div class="cInteger">
      <p class="cSilvery-1">
        <span>整存整取</span>
        <span
          >50元起存，期限多样&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img
            src="../assets/img/跳转箭头.png"
            alt=""
          />
        </span>
      </p>
      <div class="cInteger-1">
        <div class="cInteger-11">
          <div class="cInteger-2">
            <div class="cInteger-21">
              <p>3个月</p>
              <p>1.25%</p>
              <p>利率</p>
            </div>
            <div class="cInteger-21">
              <p>6个月</p>
              <p>1.45%</p>
              <p>利率</p>
            </div>
            <div class="cInteger-21">
              <p>1年</p>
              <p>1.65%</p>
              <p>利率</p>
            </div>
          </div>
          <div class="cInteger-2" id="cInteger-2">
            <div class="cInteger-21">
              <p>2年</p>
              <p>2.15%</p>
              <p>利率</p>
            </div>
            <div class="cInteger-21">
              <p>3年</p>
              <p>2.60%</p>
              <p>利率</p>
            </div>
            <div class="cInteger-21">
              <p>5年</p>
              <p>2.65%</p>
              <p>利率</p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 通知存款 -->
    <div class="cInform">
      <p class="cSilvery-1">
        <span>通知存款</span>
        <span
          >5万起存，智能转存&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img
            src="../assets/img/跳转箭头.png"
            alt=""
          />
        </span>
      </p>
      <div class="cInform-1">
        <div class="cInform-11">
          <div class="cInform-2">
            <div class="cInform-21">
              <p>1.00%</p>
              <p>利率</p>
            </div>
            <div class="cInform-22">
              <p>7天通知存款</p>
              <p>产品名称</p>
            </div>
            <div class="cInform-23">
              <p>去签约</p>
            </div>
          </div>
          <div class="cInform-2" id="cInform-2">
            <div class="cInform-21">
              <p>0.45%</p>
              <p>利率</p>
            </div>
            <div class="cInform-22">
              <p>1天通知存款</p>
              <p>产品名称</p>
            </div>
            <div class="cInform-23">
              <p>去签约</p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 大额存单 -->
    <div class="cWholesale">
      <p class="cSilvery-1">
        <span>大额存单</span>
        <span
          >20万起存，收益更高&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img
            src="../assets/img/跳转箭头.png"
            alt=""
          />
        </span>
      </p>
      <div class="cWholesale-1">
        <div class="cWholesale-2">
          <p class="cWholesale-21">金穗2023年第41期个人大额存单</p>
          <div class="cWholesale-22">
            <div class="cWholesale-one">
              <p>1.60%</p>
              <p>年利率</p>
            </div>
            <div class="cWholesale-two">
              <p>200,000,00元</p>
              <p>起点金额</p>
            </div>
            <div class="cWholesale-three">
              <p>一个月</p>
              <p>存期</p>
            </div>
          </div>
        </div>
        <div class="cWholesale-2">
          <p class="cWholesale-21">金穗2023年第42期个人大额存单</p>
          <div class="cWholesale-22">
            <div class="cWholesale-one">
              <p>1.60%</p>
              <p>年利率</p>
            </div>
            <div class="cWholesale-two">
              <p>200,000,00元</p>
              <p>起点金额</p>
            </div>
            <div class="cWholesale-three">
              <p>三个月</p>
              <p>存期</p>
            </div>
          </div>
        </div>
        <div class="cWholesale-2">
          <p class="cWholesale-21">金穗2023年第41期个人大额存单</p>
          <div class="cWholesale-22">
            <div class="cWholesale-one">
              <p>1.80%</p>
              <p>年利率</p>
            </div>
            <div class="cWholesale-two">
              <p>200,000,00元</p>
              <p>起点金额</p>
            </div>
            <div class="cWholesale-three">
              <p>六个月</p>
              <p>存期</p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 广告图 -->
    <div class="cAdvertising">
      <img src="../assets/img/广告图1.webp" alt="" />
    </div>
    <!-- 存款工具2 -->
    <div class="cTool2">
      <p class="cSilvery-1">
        <span>存款工具</span>
      </p>
      <div class="cTool2-2">
        <div class="cTool2-21">
          <p class="cOne">%</p>
          <p>存款利率</p>
        </div>
        <div class="cTool2-21">
          <p><img src="../assets/img/calculator.png" alt="" /></p>
          <p>利息试算</p>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import { regular } from "../api/interrevolution2";
import { Dialog } from "vant";
export default {
  data() {
    return {
      balance: "",
    };
  },

  methods: {
    fun() {
      regular()
        .then((res) => {
          if (res.code == 200) {
            this.balance = res.data.accountBalance;
            console.log(this.balance);
          } else {
            Dialog({ title: "温馨提示", message: res.msg });
          }
        })
        .catch((err) => {
          console.log(err);
        });
    },
  },
  created() {
    this.fun();
  },
};
</script>
<style src="../assets/css/Depost.css">
/* *{
    margin: 0;
    padding: 0;
} */
</style>
